<!DOCTYPE html>
<!-- 模板文件 ctrl+c ctrl+v就好了 -->
<html>
    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="full-screen" content="true" />
        <meta name="screen-orientation" content="portrait" />
        <meta name="x5-fullscreen" content="true" />
        <meta name="360-fullscreen" content="true" />

        <style type="text/css">
            * {margin:0;padding:0;}
            body{overflow:hidden;}
            html,body {height:100%;width:100%;font:700/1.5 "微软雅黑", serif;background-color:#000000;overflow-y:hidden;}
        </style>

        <link rel="stylesheet" href="css/style.css">

        <script src="js/jQuery.js"></script>
        <script src="js/rfstage3d.js"></script>
        <script src="stage3d.js"></script>

        <script>
            function main(){
                selectd("States");
                var m = new rf.Main();
                m.init(document.getElementById("game"))
                debugModel(false);
            }
        </script>
    </head>
    <body onload="main()" style="width:100%;height:100%">
        <canvas id="game" style="width:100%;height:100%"></canvas>
        <div id="debugContainer" style="position:absolute;right:0px;height:100%;width:500px;background-color: rgb(243, 243, 243);">
            <span class="bckg"></span>
            <header>
                <h1>Stage3D</h1>
                <nav>
                    <ul>
                        <li>
                            <a href="javascript:selectd('Object');">Object</a>
                        </li>
                        <li>
                            <a href="javascript:selectd('Texture');" >Texture</a>
                        </li>
                        <li>
                            <a href="javascript:selectd('Program');" >Program</a>
                        </li>
                        <li>
                            <a href="javascript:selectd('Mesh');" >Mesh</a>
                        </li>
                        <li>
                            <a href="javascript:selectd('States');">States</a>
                        </li>
                    </ul>
                </nav>
            </header>
            <main>
                <div class="title">
                    <h2 id="nav_title">Projects</h2>
                    <a href="http://192.168.1.53:1234/" target="_blank">MelonGroup</a>
                </div>

                <article class="larg">
                    123132123
                </article>
            </main>
        </div>
    </body>
</html>